<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        [name]{

        }
        div[name]{

        }
        div[name=aaa]{

        }

        
    </style>
</head>
<body>
    <div name = 'aaa' style="background:pink"></div>
    <script>
        var div = document.querySelector("div");
        var h4 = document.createElement("h4");
        div.appendChild(h4);

        // 改内容 该属性 改样式 加事件 class
        h4.innerHTML = "<a href =''><这是a</a>"

        div.index = 0;
        div.title = "h4";
        div.setAttribute();

        div.style.background = "red";

        div.onclick = function(e){
            console.log(e.target);
            console.log(this);
        }
        
        // div.onclick = function(){
        //     console.log("点击");
        // }
        // div.addEventListener("click",function(){
        //     console.log("点击1");
        // })
        // div.addEventListener("click",function(){
        //     console.log("点击2");
        // })
    
    // var arr = ["a", "b", "c"]; 增(前中后)删(前中后)改(该顺序,改内容盖类型,分割)查(查值的第一次出现和最后一次出现的位置,查每个值,查最大值,查最小值,查最多的值)

    var n = Math.random(); //0-1之间的
    n = n * 10;
    n = n + 10;

    n = (Math.random() * 10) + 10; //

    for(var i = 0; i <= 10; i +=2 ){
        console.log(i); //
    }
    </script>
</body>
</html>